<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>绿图科技</title>
    <link rel="icon" href="./images/favicon.png">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/header.css">
    <link rel="stylesheet" href="./css/index.css">
    <link rel="stylesheet" href="./css/swiper.min.css">
    <link rel="stylesheet" href="./css/animate.min.css">
    <link rel="stylesheet" href="./css/animate.css">
    <script src="./js/jquery.js"></script>
</head>

<body>
    <div class="page">
        <div class="header">
            <div class="header_con">
                <div class="logo"></div>
                <div class="header_logo" onclick="location.reload(true)"></div>
                <ul class="header_nav">
                    <li>
                        <div class="act" onclick="location.reload(true)">
                            <span>首页</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/company.html','_self')">
                            <span>公司介绍</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/server.html','_self')">
                            <span>服务介绍</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/produce.html','_self')">
                            <span> 产品介绍</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/Contact.html','_self')">
                            <span> 联系我们</span>
                        </div>
                    </li>
                </ul>
                <i class="tab_btn open"></i>
                <!-- <i class="tab_btn close"></i> -->
                <ul class="sm_nav">
                    <li>
                        <div class="act" onclick="location.reload(true)">
                            <span>首页</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/company.html','_self')">
                            <span>公司介绍</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/server.html','_self')">
                            <span>服务介绍</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/produce.html','_self')">
                            <span> 产品介绍</span>
                        </div>
                    </li>
                    <li>
                        <div onclick="window.open('./html/Contact.html','_self')">
                            <span> 联系我们</span>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
        <div id="banner"></div>
        <div class="aboutUs">
            <div class="Sm_tit about_tit"></div>
            <div class="about_left">
                <div class="about_pic  animated fadeInUp">
                    <img src="images/about_y.png" alt="">
                </div>
                <div class="about_pic">
                    <img src="images/about_e.png" alt="">
                </div>
                <div class="about_pic">
                    <img src="images/about_s.png" alt="">
                </div>
            </div>
            <div class="about_right">
                <ul>
                    <li class="active">
                        <i class="abOne"></i>
                        <div class="abt_txt">
                            <p style="line-height: 30px;"><span class="bold"></span><span class="orange">愿景</span>
                            </p>
                            <p style="line-height: 40px;">成为中国最专业的运动大健康数据服务专家。</p>
                        </div>
                        <img src="images/about_y.png" alt="">
                    </li>
                    <li>
                        <i class="abTwo"></i>
                        <div class="abt_txt">
                            <p style="line-height: 30px;"><span class="bold"></span><span
                                    class="orange">使命</span></p>
                            <p style="line-height: 40px;">让生活更健康，让运动更科学。</p>
                        </div>
                        <img src="images/about_e.png" alt="">
                    </li>
                    <li>
                        <i class="abThree"></i>
                        <div class="abt_txt">
                            <p style="line-height: 30px;"><span class="bold"></span><span
                                    class="orange">价值观</span></p>
                            <p style="line-height: 40px;">做一个有责任、有创新、有效率、有价值的健康企业。
                            </p>
                        </div>
                        <img src="images/about_s.png" alt="">
                    </li>
                </ul>
            </div>
            <div class="more" onclick="window.open('./html/company.html','_self')">查看详情 &gt; </div>
        </div>
        <div class="product">
            <div class="pro_tit_box">
                <div class="Sm_tit pro_tit"></div>
            </div>
            <div class="pro_show_bg">
                <div class="swiper_pro">
                    <div class="swiper-container_pro">
                        <div class="swiper-wrapper">
                            <div class="swiper-slide">
                                <img src="images/showe.png" alt="">
                                <div class="pro_ban_txt">利用大数据运动算法为赛事提供选手实时位置追踪和抵达预测的可视化产品。</div>
                                <div class="pro_more" onclick="window.open('./html/produce_detail.html#3','_self')">了解更多</div>
                            </div>
                            <div class="swiper-slide">
                                <img src="images/showy.png" alt="">
                                <div class="pro_ban_txt">“小嘿快跑”是全世界目前数据最全面、检测最便捷、最易发现问题的跑姿检测系统。</div>
                                <div class="pro_more" onclick="window.open('./html/produce_detail.html#1','_self')">了解更多</div>
                            </div>
                            <div class="swiper-slide">
                                <img src="images/shows.png" alt="">
                                <div class="pro_ban_txt">为赛事提供完整全面的参赛、完赛数据统计分析；为选手提供专业化的运动数据分析报告。</div>
                                <div class="pro_more" onclick="window.open('./html/produce_detail.html#2','_self')">了解更多</div>
                            </div>
                        </div>
                    </div>
                    <!-- 如果需要导航按钮 -->
                    <div class="swiper-button-prev pro_sw_btn">&lt;</div>
                    <div class="swiper-button-next pro_sw_btn">&gt;</div>
                </div>
            </div>
        </div>
        <div class="server">
            <div class="Sm_tit server_tit"></div>
            <div class="server_con">
                <div class="ser_One">
                    <div class="ser_left">
                        <img src="images/ser_y.png" alt="">
                    </div>
                    <div class="ser_right">
                        <h3>服务全面</h3>
                        <p>针对运动群体提供运动检测、训练计划、训练指导、成绩分析、风险评估、短板强化等系列运动服务；<br/>
                            为赛事方提供一龙条服务，包括赛前报名检录预演、赛中直播互动定位监控、赛后照片成绩回放及统计分析报告。</p>
                        <img src="images/ser_e.png" alt="">
                        <p class="ser_more ser_more_one" onclick="window.open('./html/server.html','_self')">查看详情 &gt;</p>
                    </div>
                </div>
                <div class="ser_two">
                    <div class="ser_right">
                        <h3>专业可信</h3>
                        <p>具有自主研发的运动算法、跑力模型、国内最全面的选手能力库和运动画像、高效的多源数据融合、数据清洗补缺、纠偏和异常数据提醒、受力分析、能力评估等专业能力和人才</p>
                        <img src="images/ser_e.png" alt="">
                        <p class="ser_more ser_more_one" onclick="window.open('./html/server.html','_self')">查看详情 &gt;</p>
                    </div>
                    <div class="ser_left">
                        <img src="images/ser_e.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <!-- footer -->
        <div id="footer"></div>
    </div>
</body>
<script src="./js/swiper.min.js"></script>
<script src="./js/swiper.animate1.0.3.min.js"></script>
<script type="text/javascript" src="./js/header.js"></script>
<script type="text/javascript" src="./js/index.js"></script>

</html>